 /* 普通注释  会保留到编译后的文件 */
// 静默注释  只保留在SASS源文件中，编译后被省略。

// SASS允许使用变量，所有变量以$开头。  => 存储数据

// @use "sass:math"; //使用sass中的math模块

$hot:#e1251b;
$cool:#CCFFFF;
$warm:#FFCCCC;
$grey:#999999;
$success:#33CC99;
$dange:red;

$centerWidth:1226px;

$typeOne: 14px/16px "微软雅黑";
$typeTwo: 14px/16px "宋体";

$side:left;

// @function pxToRem($val){
//     @return #{math.div($val,100px)}rem;
// }

//@mixin  混合   可以重复使用的代码(1)(2)
//(1)引入公共代码段  @include typeArea();
@mixin typeArea{
    width:$centerWidth;
    margin:0 auto;
}

@mixin elePosCenter{
    background-color:$dange;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}

@mixin textCenter($val:24px){
    text-align: center;
    line-height: $val;
}

@mixin comp($prop,$val){
    -ms-#{$prop}: $val;
    -moz-#{$prop}: $val;
    -webkit-#{$prop}: $val;
    #{$prop}: $val;
}
